<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Investigación de mercado</title>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
            //Grilla de topografías
            jQuery("#tbGrillaTopo").jqGrid({
                url: '',
                datatype: 'json',
                mtype: 'POST',
                colNames:['Acción','Topografía','InformePropietario','Ubicacion','Caracteristicas','ValOferta','ValNegociar','AreaTerreno','Area_Construccion','ValMetroConstruccion','ValConstruccion','ValTerreno','ValorMetroTerreno'],
                colModel :[
                    {name:'grdAccion',index:'grdAccion',sortable:false, width:180,align:"center"},
                    {name:'topografiaNombre',index:'topografiaNombre', width:130},
                    {name:'inveMercadoInformante',index:'inveMercadoInformante', width:100,align:"center"},
                    {name:'inveMercadoUbicacion',index:'inveMercadoUbicacion', width:200,align:"center"},
                    {name:'inveMercadoCaractePredio',index:'inveMercadoCaractePredio', width:200,align:"center"},
                    {name:'inveMercadoValorOferta',index:'inveMercadoValorOferta', width:200,align:"center"},
                    {name:'inveMercadoValorNegociar',index:'inveMercadoValorNegociar', width:200,align:"center"},
                    {name:'inveMercadoAreaTerreno',index:'inveMercadoAreaTerreno', width:200,align:"center"},
                    {name:'inveMercadoAreaConstruccion',index:'inveMercadoAreaConstruccion', width:200,align:"center"},
                    {name:'inveMercadoValMetroConstruccion',index:'inveMercadoValMetroConstruccion', width:200,align:"center"},
                    {name:'inveMercadoValorConstruccion',index:'inveMercadoValorConstruccion', width:200,align:"center"},
                    {name:'inveMercadoValorTerreno',index:'inveMercadoValorTerreno', width:200,align:"center"},
                    {name:'inveMercadoValorMetroTerreno',index:'inveMercadoValorMetroTerreno', width:200,align:"center"}
                ],
                loadComplete: function(){
                    var ids = jQuery("#tbGrillaTopo").getDataIDs();
                    for(var i=0;i<ids.length;i++){
                        var cl = ids[i];
                        var se1 = "<input type='button' value='Editar' onclick=\"editaInveMercado('" + cl + "');\" tittle='Editar' />";
                        se1 = se1 + "&nbsp;&nbsp<a href='#' onclick=\"eliminaInve('" + cl + "');\" title=\"Clic para eliminar el registro\" >Eliminar</a>";
                        jQuery("#tbGrillaTopo").setRowData(cl,{grdAccion:se1});
                    }
                },
                autowidth:true,
                pager: jQuery('#divPagTopo'),
                rowNum:10,
                rowList:[10,20,30,50],
                sortname: 'topografiaNombre',
                sortorder: "asc",
                viewrecords: true,
                caption: 'Investigaciones de mercado',
                height:160
            });
            //Barra de navegación
            jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});             
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
    function cambiaUrlJqgrid(div,ruta,valor){
        if(valor == "") return false;
        jQuery("#" + div).jqGrid().setGridParam({url : ruta + "/" + valor}).trigger("reloadGrid");
        $.post("<?php echo site_url("visitas/obtTopografias"); ?>",{visita:valor},function(data){
            document.getElementById("topografiaId").innerHTML = data;
        });
    } //fin function cambiaUrlJqgrid(){
    function eliminaInve(inveId){
        if(confirm("¿Esta seguro que desea eliminar esté registro?")){
            $.post("<?php echo site_url("invemercado/elimina"); ?>",{opc:'E',inve:inveId},function(data){
                if(parseInt(data) == 1) {
                    alert("Se ha eliminado correctamente el registro");
                    jQuery("#tbGrillaTopo").trigger("reloadGrid");
                }
                else
                    alert("Se ha presentado un error en la eliminación");
            });
        }
        return ;
    } //fin function eliminaVisita(visitaId){
    function editaInveMercado(inveId){
        $.getJSON("<?php echo site_url("invemercado/extraeDatos"); ?>", {inve:inveId}, function(data){
            document.getElementById("proyectos").value = data.proyectoId;
            document.getElementById("avaluos").value = data.avaluoId;
            document.getElementById("visitaId").value = data.visitaId;
            document.getElementById("topografiaId").value = data.topografiasId;
            document.getElementById("informante").value = data.informante;
            document.getElementById("ubicacion").value = data.inveMercadoUbicacion;
            document.getElementById("caractPredio").value = data.inveMercadoCaractePredio;
            document.getElementById("valOferta").value = data.inveMercadoValorOferta;
            document.getElementById("valNegocia").value = data.inveMercadoValorNegociar;
            document.getElementById("areTerrenoMetro").value = data.inveMercadoAreaTerreno;
            document.getElementById("areaMetroConstru").value = data.inveMercadoAreaConstruccion;
            document.getElementById("valMetroContruccion").value = data.inveMercadoValMetroConstruccion;
            document.getElementById("valorConstruccion").value = data.inveMercadoValorConstruccion;
            document.getElementById("valorTerreno").value = data.inveMercadoValorTerreno;
            document.getElementById("valorMetroTerreno").value = data.inveMercadoValorMetroTerreno;
            document.getElementById("inveMercadoId").value = data.inveMercadoId;
        });
    } //fin function editaVisita(visitaId){
    function fnGuardar(){
        if(!fnValidaCampos("form","frFotos")){
            alert("Los campos en rojo son obligatorios");
            return false;
        }
        $.post("<?php echo site_url("invemercado/guarda"); ?>",$("#frFotos").serialize(),function(data){
            resetFormulario()
            jQuery("#tbGrillaTopo").trigger("reloadGrid");
        });
    } //fin function fnGuardar(){
    function resetFormulario(){
            $("#frFotos").trigger("reset");
            document.getElementById("inveMercadoId").value = '';
        
    } //fin function resetFormulario(){
    function fnCambiaProyecto(proyectoId){
        if(proyectoId == "") return false;
        $.post("<?php echo site_url("avaluos/cargaAvaluos"); ?>",{proyecto:proyectoId},function(data){
            document.getElementById("avaluos").innerHTML = data;
        });
    } //fin function fnCambiaProyecto(proyectoId){
    function cambiaAvaluo(avaluoId){
        if(avaluoId == "") return false;
        $.post("<?php echo site_url("avaluos/cargaVisitas"); ?>",{aval:avaluoId},function(data){
            document.getElementById("visitaId").innerHTML = data;
        });
    } //fin function cambiaAvaluo(avaluoId){
<?php $this->load->view("funcionesJs"); ?>
    </script>
    <style type="text/css">
        label{
            margin-right: 3px
        }
        input{
            padding: 1.5px
        }
        .divCampos{
            float: left;
            margin-right: 10px;
        }
        .divCampos label{
            display: block;
        }
    </style>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">VISITAS - Investigaciones de mercado</div>
        <form id="frFotos" action="<?php echo site_url("fotos/crear"); ?>" enctype="multipart/form-data" method="POST" target="ifrAuxiliar">
            <label for="">Proyectos</label>
            <select id="proyectos" onchange="fnCambiaProyecto(this.value);" >
                <option value="">Elija</option>
                <?php
                if ($proyectos->num_rows() > 0) {
                    foreach ($proyectos->result() as $row) {
                        echo "<option value='{$row->proyectoId}'>{$row->proyectoNombre}</option>";
                    }
                }
                ?>
            </select>
            <label for="avaluos">Avaluos</label>
            <select id="avaluos" onchange="cambiaAvaluo(this.value);">
                <option value="">Todos</option>
            </select>
            <label for="visitaId" >Elija la visita</label>
            <select id="visitaId" name="visitaId" onchange="cambiaUrlJqgrid('tbGrillaTopo','<?php echo site_url("grillas/inveMercados"); ?>',this.value);" >
                <option value="">Elija</option>
            </select>
            <label for="topografiaId" >Topografía</label>
            <select id="topografiaId" name="topografiaId" >
                <option value="">Elija</option>
            </select>
            <div class="newDiv">
                <div class="divCampos">
                    <label for="informante" >Informante</label>
                    <input type="text" id="informante" name="informante" />
                </div>
                <div class="divCampos">
                    <label for="ubicacion" >Ubicación</label>
                    <input type="text" id="ubicacion" name="ubicacion" />
                </div>
                <div class="divCampos">
                    <label for="caractPredio">Carácteristicas del predio</label>
                    <input type="text" id="caractPredio" name="caractPredio" />
                </div>
                <div class="divCampos">
                    <label for="valOferta">Valor de la oferta</label>
                    <input type="text" id="valOferta" name="valOferta" />
                </div>
                <div class="divCampos">
                    <label for="valNegocia">Valor a negociar</label>
                    <input type="text" id="valNegocia" name="valNegocia"  />
                </div>
                <div class="divCampos">
                    <label for="areTerrenoMetro">Area terreno en M<span class="spCuadrado">2</span></label>
                    <input type="text" id="areTerrenoMetro" name="areTerrenoMetro" />
                </div>
            </div>
            <div class="newDiv">
                <div class="divCampos">
                    <label for="areaMetroConstru">Area M<span class="spCuadrado">2</span> en construcción</label>
                    <input type="text" id="areaMetroConstru" name="areaMetroConstru" />
                </div>
                <div class="divCampos">
                    <label for="valMetroContruccion">Valor M<span class="spCuadrado">2</span> en construcción</label>
                    <input type="text" id="valMetroContruccion" name="valMetroContruccion" />
                </div>
                <div class="divCampos">
                    <label for="valorConstruccion">Valor construcción</label>
                    <input type="text" id="valorConstruccion" name="valorConstruccion" />
                </div>
                <div class="divCampos">
                    <label for="valorTerreno">Valor Terreno</label>
                    <input type="text" id="valorTerreno" name="valorTerreno" />
                </div>
                <div class="divCampos">
                    <label for="valorMetroTerreno">Valor M<span class="spCuadrado">2</span> Terreno</label>
                    <input type="text" id="valorMetroTerreno" name="valorMetroTerreno" />
                </div>
            </div>
            <input type="hidden" id="inveMercadoId" name="inveMercadoId" />
        </form>
        <div style="clear: both"></div>
        <div id="divBotones">
            <button id="btnSubmit" type="button" onclick="fnGuardar();" class="btnDeAccion" >Guardar</button>
            <button id="btnReset" type="button" onclick="resetFormulario();" class="btnDeAccion" >Cancelar</button>
        </div>
        <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
        <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>

    </body>
</html>